@import './public.scss';

// 设置顶部
#top {
    width: 100%;
    height: 30px;
    background-color: rgb(227, 228, 229);
}

.top_nav li {
    float: left;
}

.top_nav li:nth-of-type(2n-1) a {
    height: 30px;
    display: block;
    font-size: 12px;
    line-height: 30px;
    padding: 0 10px;
}

.top_nav li:nth-of-type(2n){
    font-size: 12px;
    color: $guir;
    margin: 6px 0;
    padding: 0 5px;
}

.top_nav li:first-child a{
    height: 0px;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    padding: 0 10px;
}

.top_nav li:first-child a:last-child {
    color: $red;
    margin-left: -12px;
}

.top_nav li:nth-of-type(9) a{
    color: $red;
}

.top_nav li a span {
    color: $red;
}

.top_nav li:last-child a {
    border: none;
}

.top_nav li a:hover {
    color: $red;
    background-color: #ffffff;
}


// 设置搜索框
.header {
    width: 100%;
    height: 150px;
    background-color: #ffffff;
}

.hd {
    position: relative;
    height: 100%;
}

.hd .logo {
    width: 190px;
    height: 120px;
    overflow: hidden;
    text-indent: -99999999px;
    margin: 15px 10px 15px 0px;
}

.hd .logo a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: $red;
}

.hd .search {
    position: relative;
    margin: 25px 10px 0px 80px;

}

.hd .search input:first-child {
    width: 550px;
    height: 40px;
    @include border(2px, solid, $red);
    font-size: 12px;
    text-indent: 2em;
    color: $guir;
}

.hd .search input:last-child {
    position: absolute;
    top: 2px;
    right: 1px;
    width: 58px;
    height: 37px;
    background-color: $red;
}

.hd .setup {
    position: relative;
    float: left;
    width: 132px;
    height: 36px;
    @include border(1px, solid, $guir);
    margin: 27px 44px 10px 20px;
}

.hd .setup a {
    display: block;
    width: 100%;
    height: 100%;
}

.hd .setup:hover {
    @include border(1px, solid, $red);
}

.hd .mobile {
    width: 76px;
    height: 76px;
    margin-top: 20px;
}

.hd .mobile img {
    width: 100%;
    height: 100% ;
}

.hd .hotwords {
    position: absolute;
    top: 70px;
    left: 285px;
}

.hd .hotwords ul li {
    float: left;
}

.hd .hotwords ul li a {
    display: block;
    padding-right: 10px;
    font-size: 12px;
    color: #999999;
}

.hd .hotwords ul li:first-child a {
    color: $red;
}

.hd .hotwords ul li a:hover {
    color: $red;
}

.hd .navitems {
    position: absolute;
    top: 120px;
    left: 245px;
}

.hd .navitems ul li {
    float: left;
}

.hd .navitems ul li a {
    display: block;
    padding-right: 20px;
    color: #333333;
}

.hd .navitems ul li:nth-of-type(2) a, .hd .navitems ul li:nth-of-type(1) a {
    color: $red;
    font-weight: 700;
}

.hd .navitems ul li a:hover {
    color: $red;
}

// 导航栏部分
.bnr {
    margin-top: 10px;
}

.bnr .col1 {
    float: left;
    width: 190px;
    height: 470px;
    background-color: #fefefe;
    margin-right: 10px;
}

.bnr .col1 ul li {
    float: left;
    width: 190px;
    height: 25px;
    line-height: 25px;
    padding-left: 15px;
}

.bnr .col1 ul li:first-child {
    float: left;
    margin-top: 10px;
}

.bnr .col1 ul li:last-child {
    margin-bottom: 10px;
}

.bnr .col1 ul li:hover {
    background-color: #d9d9d9;
}

.bnr .col1 ul li a:hover {
    color: $red;
}

.bnr .col2 {
    float: left; 
    width: 590px;
    height: 470px;
    background-color: aqua;
    margin-right: 10px;
}

.bnr .col3 {
    float: left;
    width: 190px;
    height: 470px;
    margin-right: 10px;
    background-color: antiquewhite;
}

.bnr .col3 ul li {
    width: 190px;
    height: 150px;
    background-color: aquamarine;
    margin-bottom: 10px;
}

.bnr .col4 {
    float: right;
    width: 190px;
    height: 470px;
    background-color: blueviolet;
}